:local(.areaSelector) {
	cursor: default;
	margin: 0 0 0 22px;
	padding: 22px 0 0 0;
	height: 22px;

	:global(>span + div){
		display: inline-block;
		margin-left: 20px;
		
	}

	:global(>span){
		display: inline-block;
		text-align: center;
	}
	:global(.city) {
		height: 55px;
	}

	:global(.country) {
		height: 104px;
	}

	:global(.school) {
		height: 163px;
	}

	:global(button) {
		@color: #e3e3e3;
		display: block;
		width: 100px;
		height: 24px;
		border: solid 1px #d2d3d6;
		background-color: @color;
		margin: 5px auto;
		outline: none;
		cursor: default;
		border-radius: 5px;

		&:hover {
			background-color: (@color + #111);
		}

		&:active {
			background-color: (@color - #111);
		}
	}
}

